<!--
icon右击 - 选项
atearsan / 2015-11-24
-->
<html>
<head>
    <style>
        table {
            border-collapse: collapse;
        }

        td {
            border: 1px solid black;
            padding-left: 5px;
        }

        th {
            border: 1px solid black;
            padding-left: 5px;
        }
    </style>
    <script src="jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="option.js" type="text/javascript"></script>
    <script src="option_blacklist_manage.js" type="text/javascript"></script>
</head>
<body>
<h1>选项页面</h1>

<h2>
    黑名单管理
    <div style="display:none;">(总数:<span id="count"></span>)</div>
</h2>
<div>
    <input id="add_text" type="text" style="width:300px;" placeholder="示例:http://my.oschina.net/xxx">
    <button id='add_btn'>✍新增</button>
    <span id="help" style="text-decoration:underline;color:gray;cursor:pointer;">怎么获取用户空间地址?</span>
    <br/>
    <img id="help_img" src="img/blacklist_manage_help.png"
         style="width:500px; display:none; margin-top:5px;margin-bottom:5px;">
</div>
<br/>
<br/>

<div id='temp'></div>
<table id="cookies">
    <thead>
    <tr class="header">
        <th style="width:300px;">用户空间地址</th>
        <th style="width:80px;">操作</th>
    </tr>
    </thead>
    <tbody id='template'>
    <tr style="display:none;">
        <td><a href='#url' target="_black">#url</a></td>
        <td>
            <button class='del_btn' title='#url'>✘删除</button>
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>
